<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>

<body>
<form action="http://www.baidu.com">
    <!--maxlength 最大字符长度 value设置默认值 readonly只读-->
    用户名: <input type="text" name="username"
                value="abc" readonly="readonly"><br>
    密码: <input type="password" name="password" maxlength="5"><br>

    username: <input type="text" name="username"><br>
    password: <input type="password" name="password"><br>

    <!--value是单选框必须添加的属性 否则提交on; checked默认选中-->
    性别:<input type="radio" name="gender" value="m" id="r1">
    <label for="r1">男</label>
    <input type="radio" name="gender" value="w" checked id="r2">
    <label for="r2">女</label><br>

    兴趣爱好: <input type="checkbox" name="hobby" value="cy" id="r3">
    <label for="r3">抽烟</label>
    <input type="checkbox" name="hobby" value="hj" id="r4">
    <label for="r4">喝酒</label>
    <input type="checkbox" name="hobby" value="tt">烫头<br>

    生日: <input type="date" name="birthday"><br>
    靓照: <input type="file" name="pic"><br>

    <!--value设置提交的内容 selected默认选中-->
    所在地:
    <select name="city">
        <option value="bj" selected>北京</option>
        <option value="sh">上海</option>
        <option value="gz">广州</option>
    </select><br>
    <input type="submit" value="注册">
</form>
</body>
</html>